//index.js

let util = require("../../utils/util.js")
const app = getApp();

let jumpurl=app.jumpurl.url;
let openid;

let nickname=app.userlist.nickName;
let city;//当前城市
let district;//当前区域
let moren_city="徐州";
let zhiding;
let qita;
let activeId;//nav中选中的分类的id
let visitedId=0;//新闻列表中选中的新闻的id
var animation = wx.createAnimation({
  transformOrigin: "50% 50%",
  duration: 1000,
  timingFunction: "ease",
  delay: 0
})
module.exports = {
  animation:animation
}
Page({
  data: {
    city:"徐州",
    visitedflag:false,//是否已读
    refreshnum:10,//每次刷新更新数据条数
    refreshFlag:true,//是否显示刷新bar
    greyFlat:false,//是否显示城市提示框
    // optionsflag:false,//是否显示选择频道容器 true--显示  false--不显示
    //模拟数据 nav
    navlist:[{
      id:0,
      name:"关注",
    },
      {
        id: 1,
        name: "推荐",
      },
      {
        id: 2,
        name: "营养保健",
      }, {
        id: 3,
        name: "招聘求职",
      }, {
        id: 4,
        name: "美容护肤",
      }],
      topnews:[{
        id:0,
        types:1,//新闻类型
        title:"网上下拉刷新的例子挺多的，我也用了试成功了一个，但目前发现，当本来listView内容过少不能充满父容器的时候，下拉刷新的头部",
        tag:"置顶",
        subTag:"优米定制",
        num:100,
        media: ["/pages/index/images/pic0.png", "/pages/index/images/pic0.png", "/pages/index/images/pic0.png"]
        }],
        // 新闻列表测试数据
    newslists: [{
      id: 1,
      types: 0,//新闻类型
      title: "网上下拉刷新的例子挺多的，我也用了试成功了一个，但目前发现，当本来listView内容过少不能充满父容器的时候，下拉刷新的头部",
      tag: "广告",
      subTag: "医学护肤",
      num: 100,
      media: ["images/pic0.png", "images/pic0.png", "images/pic0.png"],
      ad:true
    },
      {
        id: 2,
        types: 1,//新闻类型
        title: "网上下拉刷新的例子挺多的，我也用了试成功了一个，但目前发现，当本来listView内容过少不能充满父容器的时候，下拉刷新的头部",
        tag: "美容护肤",
        subTag: "医学护肤",
        num: 100,
        media: ["images/pic0.png", "images/pic0.png", "images/pic0.png"],
        ad: false
      },
      
      {
      id: 3,
      types: 2,//新闻类型
      title: "网上下拉刷新的例子挺多的，我也用了试成功了一个，但目前发现，当本来listView内容过少不能充满父容器的时候，下拉刷新的头部",
      tag: "广告",
      subTag: "医学护肤",
      num: 100,
      media: ["images/pic0.png", "images/pic0.png", "images/pic0.png"],
        ad: true
    },
      {
        id: 43,
        types: 3,//新闻类型
        title: "网上下拉刷新的例子挺多的，我也用了试成功了一个，但目前发现，当本来listView内容过少不能充满父容器的时候，下拉刷新的头部",
        tag: "广告",
        subTag: "医学护肤",
        num: 100,
        media: ["images/pic0.png", "images/pic0.png", "images/pic0.png"],
        ad: true
      },
    {
      id: 1,
      types: 4,//新闻类型
      title: "网上下拉刷新的例子挺多的，我也用了试成功了一个，但目前发现，当本来listView内容过少不能充满父容器的时候，下拉刷新的头部",
      tag: "美容护肤",
      subTag: "医学护肤",
      num: 100,
      media: ["images/pic0.png"],
      ad: false
      },
      {
        id: 2,
        types: 5,//新闻类型
        title: "网上下拉刷新的例子挺多的，我也用了试成功了一个，但目前发现，当本来listView内容过少不能充满父容器的时候，下拉刷新的头部",
        tag: "美容护肤",
        subTag: "医学护肤",
        num: 100,
        media: ["images/pic0.png", "images/pic0.png", "images/pic0.png"],
        ad: false
      }
    ],
    
    activeId:2,//选中的选项序号
    userInfo: {},
    hasUserInfo: false,
    canIUse: wx.canIUse('button.open-type.getUserInfo'),
    
  },
  //点击nav
  choseNav:function(e){
   var that=this;
    var act_id=e.currentTarget.dataset.index;
    console.log(jumpurl);
    console.log("******************");
    console.log(e);
    that.setData({
      activeId:act_id
    })
    // //调用接口，请求数据
    console.log(e.currentTarget.dataset.id);
    wx.request({
      url: jumpurl +'shouye/index',
      data:{
        tag:e.currentTarget.dataset.id
      },
      success:function(res){
        console.log("------------访问接口------------")
        console.log(res);
       // zhiding=res.zhiding;
        qita=res.data.qita;
        console.log()
        that.setData({
          newslists:qita
        })
       
      }
    })
  },

  
  onLoad: function () {
    var page=this;
    if (app.globalData.userInfo) {
      this.setData({
        userInfo: app.globalData.userInfo,
        hasUserInfo: true
      })
    } else if (this.data.canIUse){
      // 由于 getUserInfo 是网络请求，可能会在 Page.onLoad 之后才返回
      // 所以此处加入 callback 以防止这种情况
      app.userInfoReadyCallback = res => {
        page.setData({
          userInfo: res.userInfo,
          hasUserInfo: true
        })
      }
    } else {
      // 在没有 open-type=getUserInfo 版本的兼容处理
      wx.getUserInfo({
        success: res => {
          app.globalData.userInfo = res.userInfo
          page.setData({
            userInfo: res.userInfo,
            hasUserInfo: true
          })
        }
      })
    }

  
    wx.showLoading({
      title: '加载中...',
    })

    setTimeout(function () {
      wx.hideLoading();

    }, 500)



    app.getOpenid().then(function (res) {
      if (res.status == 200) {
        
        console.log('openid-------------'+wx.getStorageSync('openid'));
        console.log(app.globalData.userInfo)
        app.globalData.openid = wx.getStorageSync('openid');
        page.setData({
          openid: wx.getStorageSync('openid')
        })
        console.log("*****"+openid)
       

        //访问接口,获取nav
        wx.request({

          url: jumpurl + 'shouyeclass/index',
          method: "POST",
          header: {
            "Content-Type": "application/x-www-form-urlencoded" //post
          },
          success: function (res) {
            console.log("-----success-------");
            console.log(res);
            var navlist = res.data.class;
            activeId = res.data.class[2].id;
            console.log(activeId)
            page.setData({
              navlist: res.data.class
            })
          },
          fail: function (err) {
            console.log(err);
          }
        })

        //调用接口，请求置顶新闻
        wx.request({
          url: jumpurl + 'shouye/index',
          data: {
            tag: activeId
          },
          success: function (res) {
            console.log("------------访问接口------------")
            console.log(res);
            zhiding = res.data.zhiding;
            page.setData({
              topnews: zhiding
            })

          }
        })

        //请求接口，获取新闻列表
        wx.request({
          url: util.tuijian_newslist,
          data:{

          },
          success:function(res){
              console.log("新闻列表");
              console.log(res);
             
              if(res.data.shouye){
                var newslists = res.data.shouye;
                console.log(newslists);
                  page.setData({
                    newslists:newslists
                  })
              }
          },
          fail:function(err){
            console.log("err"+err);
          }
        })
        
      }
    });


   
    setTimeout(function(){
    
      page.setData({
        refreshFlag:false
      })
    },2500)
    /*******************定位***************/
    wx.getLocation({
      type: 'wgs84',
      success: function (res) {
        console.log(res);
        var latitude = res.latitude
        var longitude = res.longitude
        var speed = res.speed
        var accuracy = res.accuracy;
        //45f2637ce0ee391b9f552e20f1816e05
        page.loadCity(longitude,latitude)
      }
    })
  },
  loadCity: function (longitude, latitude) {
    var page = this
    wx.request({
      url: 'https://restapi.amap.com/v3/geocode/regeo?key=45f2637ce0ee391b9f552e20f1816e05&location=' + longitude + ',' + latitude ,
      data: {},
      header: {
        'Content-Type': 'application/json'
      },
      success: function (res) {
        // success  
        console.log("success")
        console.log(res);
         city=res.data.regeocode.addressComponent.city;
         city=city.split("市")[0];//截取城市名
        district = res.data.regeocode.addressComponent.district;
        console.log(city);
        console.log(district);
        
        page.setData({
          city:city
        })
        if(city!=moren_city){
          page.setData({
            greyFlag:true
          })
        }
      },
      fail: function () {
        page.setData({ currentCity: "获取定位失败" });
      },

    })
  },
  getUserInfo: function(e) {
    console.log(e)
    app.globalData.userInfo = e.detail.userInfo
    this.setData({
     
      userInfo: e.detail.userInfo,
      hasUserInfo: true
    })
  },

  /************************** */
  onPullDownRefresh: function () {
    var that=this;
    wx.showNavigationBarLoading(); //在标题栏中显示加载图标
    setTimeout(function(){
       wx.stopPullDownRefresh()
        wx.hideNavigationBarLoading()
    },1000)
    // wx.request({
    //   url: '',
    //   data:{},
    //   success:function(res){
    //     wx.stopPullDownRefresh()
    //     wx.hideNavigationBarLoading()
    //   }
    // })
    //测试用，实际放在调用接口成功后
   
    setTimeout(function(){
      that.setData({
        refreshFlag: true
      })
    },1000)
    setTimeout(function(){
      that.setData({
        refreshFlag: false
      })
    },3000)
  },
  onReachBottom:function(){
    //请求后台，获取数据
    // wx.request({
    //   url: '',
    //   data:{},
    //   success:function(res){
    //       console.log("获取数据...");
    //       console.log(res);
    //   },
    //   fail:function(){
    //     console.log("没有获取数据");
    //   }
    // })
    console.log("***********到达底部***************") 
    wx.showLoading({
      title: '正在加载中...',
    })
    setTimeout(function(){
      wx.showToast({

        title: '没有更多数据加载',
        icon: "none"
      })
    },1000)
    
  

  },
//关闭城市提示框
  shut:function(){
    var that=this;
    that.setData({
      greyFlag:false,
      city:moren_city
    })
    //请求后台，获取徐州的数据，将城市改为徐州
  },

  //选择城市
  chosecity:function(){
    var that=this;
    // that.setData({
    //   greyFlag:true
    // })
  },

  //申请加盟
  joinIn:function(){
    //跳页
  },

  //进入选择页面
  getmore:function(){
   wx.redirectTo({
     url: '/pages/options/options',
   })
  // wx.navigateTo({
  //   url: '/pages/options/options',
  // })
   
  },
  //跳转至新闻页面
  newsdetail:function(e){
     console.log(e);
     var that=this;
    var id=e.currentTarget.dataset.id;
     
     that.setData({
       visitedflag:true,
       visitedId: e.currentTarget.dataset.id
     })
     wx.navigateTo({
       url: '/pages/detail/detail?newid='+id,
     })
  },
  //跳转至视频页面
  audiodetail:function(e){
    console.log(e);
    var that = this;
    var id = e.currentTarget.dataset.id;
    wx.navigateTo({
      url: '/pages/audio/audio?newid=' + id,
    })
  },
  //跳转至搜索页
  search:function(){
    wx.navigateTo({
      url: '/pages/search/search',
      success: function (res) { 
        
      },
      fail: function (res) { },
      complete: function (res) { },
    })
  },
  //onshow
  onShow:function(){
    console.log("index onshow")
  },

 
})

//下拉刷新图标旋转动画
function updateRefreshIcon() {
  var deg = 0;
  var that = this;
  console.log('旋转开始了.....')
  //创建动画
  var animation = wx.createAnimation({
    duration: 1500
  })
  var timer = setInterval(function () {
    if (!that.data.refreshing)
      clearInterval(timer)
    animation.rotateZ(deg).step();//在Z轴旋转一个deg角度
    deg += 360
    that.setData({
      refreshAnimation: animation.export()
    })
  }, 500);
}
